import React, { Component } from 'react'
import Header from './components/Header'
import List from './components/List'
import Footer from './components/Footer'

export default class App extends Component {
	//初始化状态
	state = {
		todos:[
			{id:'001',title:'吃饭',done:true},
			{id:'002',title:'睡觉',done:false},
			{id:'003',title:'学习',done:true},
			{id:'004',title:'喝酒',done:false}
		]
	}
	render() {
		return (
			<div className="todo-container">
				<div className="todo-wrap">
					<Header/>
					<List {...this.state}/>
					<Footer/>
				</div>
			</div>
		)
	}
}
